<template>
  <div class="box-centent">
    <div class="nav-box">
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>

        <el-breadcrumb-item :to="{ path: 'new' }">新闻资讯</el-breadcrumb-item>
        <el-breadcrumb-item>正文</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="text-box">
      <div class="title-box">
        <div class="title">共享经济10周年，这5个问题还没解决</div>
        <div>发布时间:&nbsp;&nbsp;&nbsp;&nbsp;2020-06-02</div>
      </div>
      <div class="text-content">
        <div class="msg">
          从Airbnb和Uber相继成立的2008年算起，共享经济从一个陌生的概念，到资本追逐的泡沫，再到今日的冷静与成熟已经走过了十年的历史。
        </div>
        <div class="msg">
          共享经济成功了吗？
        </div>
        <div class="msg">
          押金问题、监管问题、平台竞争等问题依然困扰着世界各国的各种共享经济企业，而且至今在经济学领域仍然没有一个可靠的定量模型来证明共享经济作为一种经济模式能够为社会的运转提高多少效率。
        </div>
        <div class="msg">
          但，共享经济失败了嘛？
        </div>
        <el-image style="width: 1128px; height: 360px; margin-top:23px" :src="url"></el-image>
        <div class="msg">
          环顾四周，我们已经习惯了使用滴滴叫专车、用摩拜租自行车、在旅行时使用Airbnb和小猪短租来预定民宿。似乎，共享经济也绝非失败。
        </div>
        <div class="msg">
          在共享经济诞生十周年的2018年，似乎是时候进行一次回溯来重新认识与发现共享经济发展的现状与遇到的问题。
        </div>
      </div>
      <div class="part">
        <div class="choice">
          <div>上一篇:</div>
          <div class="text">2019年第10届软件大赛完美收官</div>
        </div>
        <div class="choice">
          <div>下一篇:</div>
          <div class="text">2019年第10届软件大赛完美收官
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      fits: ['fill', 'contain', 'cover', 'none', 'scale-down'],
      url:
        'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
      activeName: 'first'
    }
  }
}
</script>

<style lang="scss" scoped>
.nav-box {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 18px 0;
  /deep/.el-breadcrumb {
    flex: 1;
  }
  .nav-search {
    display: flex;
    align-items: center;
    /deep/ .el-input {
      width: 85%;
      .el-input__inner {
        border-radius: 12px;
        height: 21px;
        line-height: 21px;
        padding-left: 15px;
        background: #f5f7ff;
      }
    }
    /deep/ .el-input__prefix {
      left: 115px;
      .el-icon-search {
        line-height: 21px;
      }
    }
  }
}
.text-box {
  padding: 24px 36px 48px 24px;
  margin-bottom: 72px;
  background: #fff;
  .title-box {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: rgba(104, 115, 136, 1);
    border-bottom: 1px dashed #979797;
    padding-bottom: 28px;
    .title {
      font-size: 20px;
      color: rgba(6, 17, 37, 1);
      font-weight: 600;
      margin-bottom: 12px;
    }
  }
  .text-content {
    font-size: 16px;
    color: rgba(51, 69, 102, 1);
    line-height: 30px;
    .msg {
      margin-top: 23px;
    }
  }
  .part {
    display: flex;
    justify-content: space-between;
    margin-top: 75px;
    font-size: 16px;
    color: rgba(104, 115, 136, 1);
    .choice{
        display: flex;
        align-items: center;
        .text{
            margin-left: 8px;

            &:hover{
                cursor: pointer;
                color: #2E8DF6;
            }
        }

    }
  }
}
</style>
